<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>输入法</title>
	<style type="text/css">
	    #box{
	    	width: 150px;
	    	height: 150px;
	    	margin: 0 auto;
	    }
	    #srf a{
            text-decoration: none;
	    }
	    #srf{
	    	list-style:none;
	    	margin-left: 10px;
	    	display: none;
	    }
	</style>
	<script type="text/javascript">
		window.onload = function() {
          var Oboot = document.getElementById("boot");
          var Osrf = document.getElementById("srf");
          var Oclose = document.getElementById("close");
          var off = true;
          Oboot.onclick = function() {
          	if(off){
          		Osrf.style.display = "block";  
          		off = false;
          	}else{
          		Osrf.style.display = "none";  
          		off = true;
          	}	    	
          }
          Oclose.onclick = function() {
          	Osrf.style.display = "none";
          }
		}
	</script>
</head>
<body>
	<div id="box">
		<input type="button" value="输入法" id="boot">
		<div id="srf">
			<li><a href="javascript:;">手写</a></li>
			<li><a href="javascript:;">拼音</a></li>
			<li id="close"><a href="javascript:;">关闭</a></li>
		</div>
	</div>
</body>
</html>